<%-- 
    Document   : ListarPorCurso
    Created on : 03/12/2011, 01:30:10 AM
    Author     : ANDREZ
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="Entidad.*" %>
<%@page import="Com.*" %>
<%@page import="java.util.List" %>
<%@page import="java.util.ArrayList" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript">
            function CambioGrado(){
               // alert("url");
               var a = document.getElementById("slgrado").value; 
               var url = "../MatriculaIU/ListaSeccion.jsp?IdGrado="+a;
            //   alert(url);
            llamarAjax(url,1);
            }
            
            function ListaCursos(){
                   var a = document.getElementById("slSession").value; 
                     var b = document.getElementById("slgrado").value; 
               
               var url = "Cursos.jsp?IdGrado="+b+"&IdSeccion="+a;
            //   alert(url);
            llamarAjax(url,2);
            }
            
             function ListarNotasCursos(curso,seccion)
             { 
                 
                  var url = "NotasCursos.jsp?idcurso="+curso+"&idseccion="+seccion;
            //   alert(url);
            llamarAjax(url,3);
             }
             function llamarAjax(url,tag){
            //llamada();
             var x = nuevoAjax();
                x.open("POST",url,true);
                x.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
                x.send();
                x.onreadystatechange = function (){
                    if(x.readyState== 4)
                        {
                            var resp = x.responseText;
                          //  alert(resp);
                          if(tag==1){
                            document.getElementById("slSession").innerHTML = resp;  
                            }
                           if(tag==2){
                            document.getElementById("divCursos").innerHTML = resp;  
                            }
                            if(tag==3){
                            document.getElementById("divNotasCursos").innerHTML = resp;  
                            }
                            
                        }
                        }
            }

              function nuevoAjax()
                {
                        var xmlhttp=false;
                        try
                        {
                                // No IE
                                xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
                        }
                        catch(e)
                        {
                                try
                                {
                                        // IE
                                        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                                }
                                catch(E) {
                                    xmlhttp=false;
                                }
                        }
                        if (!xmlhttp && typeof XMLHttpRequest!="undefined") {
                            xmlhttp=new XMLHttpRequest();

                        }
                        return xmlhttp;
                }  
        </script>
    </head>
    <body>
        <%
        List<GradoBE> grado = MatriculaCom.getInstance().ListaGrado();



   
      
        %>
        <h1>Lista</h1>
          <td>Grado</td>
                    <td><select name="slgrado" id="slgrado" onchange="CambioGrado()">
                            <option>Seleciona</option>
                    <% for(GradoBE item:grado){
                        %>
                        <option  value="<%=item.getId()%>"><%=item.getGrado()%> + <%=item.getTiponivel().getNombre()%> </option>
                        <% 
                        }
                        %>
                    </select></td>
                    <td>Sección</td>
                    <td><select name="slSession" id="slSession" onchange="ListaCursos()">
                   
                    </select>
                        <div id="divCursos" >
                        
                        </div>
                        <br><br>
                        <div id="divNotasCursos" >
                        
                        </div>
                        
    </body>
</html>
